
$(document).ready(function(){
   // alert("bannerName:"+bannerName);
    $("#bnName").html(bannerName);

        $.each(itemList,function(index,item) {
            var actClass = "";
            if (index == 0){
                actClass = "active";
            }
            var olList = '<li data-target="#carousel-example-captions" data-slide-to="'+index+'" class="'+actClass+'"></li>';
            var imgList = '<div class="item '+actClass+'">\n' +
                '    <img src="'+item.imgUrl+'" alt="'+item.imgName+'"/>\n' +
                '        <div class="carousel-caption">\n' +
                '             <p>'+item.imgName+'</p>\n' +
                '        </div>\n' +
                '</div>';

            $("#olBn").append(olList);
            $("#listBox").append(imgList);

        });


});





